.page-index {
	width: 100%;
	overflow: hidden;
	min-height: 100%;
	background-color: #f9f9f9;
	padding-bottom: 100rpx;
	.top-box {
		width: 750rpx;
		height: 72rpx;
		background: #4088D3;
		display: flex;
		align-items: center;
		font-size: 30rpx;
		font-weight: 400;
		color: #FFFFFF;
		padding-left: 27.22rpx;
	}
	.search{
		background: #fff;
		padding: 32rpx;
		.search-box{
			display: flex;
			justify-content: space-between;
			align-items:center;
			border: 2rpx solid #e6e6e6;
			border-radius: 16rpx;
			padding: 16rpx;
			.searchImage{
				width: 66rpx;
				height: 66rpx;
				flex-shrink: 0;
			}
			.searchInput{
				padding: 0 16rpx;
				width: 100%;
				height: 100%;
			}
		}
	}

	.dynamic-box {
		margin-top: 20rpx;
		background-color: #FFFFFF;
		.dynamic-top-box {
			padding-top: 32rpx;
			display: flex;
			align-items: center;
			.dynamic-top-title-box {
				margin-left: 28rpx;
				font-size: 36rpx;
				font-family: Microsoft YaHei;
				font-weight: 400;
				color: #20394E;
			}
		}
		.dynamic-list {
			padding-left: 30rpx;
			padding-right: 30rpx;
			.dynamic-item {
				display: flex;
				align-items: center;
				padding-top: 30rpx;
				padding-bottom: 25rpx;
				border-bottom: 1px solid #E6E6E6;
				.dynamic-item-imge {
					width: 187rpx;
					height: 140rpx;
					background: #F1F1F1;
					border-radius: 5rpx;
					.dynamic-item-imges {
						width: 100%;
						height: 100%;
					}
				}
				.dynamic-item-text {
					margin-left: 24rpx;
					.dynamic-item-top {
						font-size: 32rpx;
						font-family: PingFang SC;
						font-weight: 500;
						color: #333333;
					}
					.dynamic-item-box {
						margin-top: 43rpx;
						display: flex;
						align-items: center;
						font-size: 24rpx;
						font-family: Microsoft YaHei;
						font-weight: 400;
						color: #B3B3B3;
						.dynamic-item-tiem {
							
						}
						.dynamic-item-shu {
							margin-left: 40rpx;
							margin-right: 40rpx;
						}
						.dynamic-item-name {
							
						}
					}
				}
			}
		}
	}
}
